/* loan/housingLoan/housingLoan.wxss */

.housing-loan {
    padding-top: 34rpx;
    font-size: 26rpx;
  }
  
  .top {
    padding: 0 40rpx;
  }
  
  .money {
    margin-top: 10rpx;
    font-size: 50rpx;
    color: #136AEE;
  }
  
  .loan-detail-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 22rpx;
    border-bottom: 2rpx solid #F7F7F7;
  }
  
  .loan-detail-info-title {
    color: #8D8D8D;
    font-weight: 500;
  }
  
  .year {
    text-align: center;
  }
  
  .number {
    margin-top: 10rpx;
  }
  
  .loan-cost {
    color: #8D8D8D;
    margin-top: 24rpx;
  }
  
  .total-num {
    margin-top: 16rpx;
  }
  
  .title {
    background-color: #E8E8E8;
    margin-top: 24rpx;
    padding: 4rpx 0;
  }
  
  .loan-list {
    color: #8E8E8E;
    margin-top: 12rpx;
  }
  
  .title, .loan-list {
    display: flex;
    justify-content: space-between;
    text-align: center;
    overflow: hidden;
  }
  
  .title text, .loan-list text {
    width: 25%;
    /* flex: 1; */
    text-align: center;
  }
  .title text:first-child, .loan-list text:first-child {
    width: 18%;
  }
  .title text:last-child, .loan-list text:last-child {
    width: 21%;
  }
  
  .flex {
    display: flex;
    flex-direction: column;
  }